/* pages/start-fighting/start-fighting.wxss */
@import "../../assets/css/theme.scss";
@import "../../assets/css/common.scss";
@import "../../assets/css/self-animate.scss";
.main-root-bg {
  height: 100%;
  overflow: auto;
}
.start-fight {
  background: linear-gradient(#EBF6FF, #fff, #fff);
  box-shadow: 0 8rpx 20rpx 0 rgba(0,0,0,0.16);
  border-radius: 24rpx;
  border: 4rpx solid #4AAAF8;  
  margin: 55rpx 23rpx 140rpx 23rpx;
  height: 1235rpx;
  padding-top: 138rpx;
  box-sizing: border-box;

  .fight-info {
    .fight-me {
      background-image: url("https://zsmatch.oss-cn-qingdao.aliyuncs.com/v3/20250318/pk_left_bg.png");
    }
    .fight-tiem {
      width: 150rpx;
      height: 150rpx;
      background: #5DB7FF;
      color: #4AAAF8;
      font-size: 48rpx;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
    }
    .fight-you {
      background-image: url("https://zsmatch.oss-cn-qingdao.aliyuncs.com/v3/20250318/pk_right_bg.png");
    }
    .user-info {
      width: 272rpx;
      height: 210rpx;
      box-sizing: border-box;
      text-align: center;
      color: white;
      .user-photo {
        width: 72rpx;
        height: 72rpx;
        border-radius: 50%;
        margin: 20rpx auto 0;
        background-color: white;
        overflow: hidden;
        .vs-me-image-img{
          width: 100%;
          height: 100%;
        }
      }
      .user-name {
        font-size: 24rpx;
      }
      .user-score {
        font-size: 48rpx;
        font-weight: bold;
      }
    }
  }
  .topic-text {
    text-align: center;
    margin: 56rpx 100rpx;
    font-size: 32rpx;
    color: #333333;
  }
  .choose-item {
    position: relative;
    background-image: url("https://zsmatch.oss-cn-qingdao.aliyuncs.com/v3/20250318/pk_btn_bg.png");
    width: 533rpx;
    height: 101rpx;
    justify-content: center;
    font-size: 32rpx;
    color: #4AAAF8;
    margin: 0 auto 40rpx;
    .icon-yes,
    .icon-no {
      position: absolute;
      left: 80rpx;
      display: none;
    }
  }
  .choose-item-yes {
    background-image: url("https://game.shuguos.com/upload/img/bg-choose-yes.png");
    color: white;
    .icon-yes {
      display: block !important;
      width: 47rpx;
      height: 32rpx;
    }
  }
  .choose-item-no {
    background-image: url("https://game.shuguos.com/upload/img/bg-choose-no.png");
    color: white;

    .icon-no {
      display: block !important;
      width: 38rpx;
      height: 38rpx;
    }
  }
  .choose-item-true {
    background-image: url("https://game.shuguos.com/upload/img/bg-choose-yes.png");
    color: white;
  }
}
.van-circle__text {
  color: white !important;
}
.as_box{
  position: relative;
  background: #EBF6FF;
  padding: 80rpx 0 125rpx 0;
}
.suc_box{
  position: absolute;
  left: 50%;
  margin-left: -185rpx;
  width: 369rpx;
  height: 154rpx;
  top: -120rpx;
  z-index: 10;
  .suc_img{
    width: 100%;
    height: 100%;
  }
}

.book-text {
  position: absolute;
  bottom: -8rpx;
  left: 5rpx;
  right: 5rpx;
  height: 93rpx;
  padding: 0 24rpx;
  background: #fff;

  font-size: 32rpx;
  line-height: 93rpx;
  text-align: right;
}

van-circle {
  height: 62px !important;
}
